/* ==============取车还车时间选择=========== */

.withdraw {

    float: left;
    min-width: 1300px;
    width: 100%;
    height: 350px;
    background: url(../images/login-img.jpg);
}

.withdraw .withdraw-select{
    float: left;
    margin-top: 15px;
    width: 390px;
    height: 320px;
    background-color:white;
}

/* 取车 */

.withdraw-qick{
    float: left;
    width: 195px;
    height: 260px;
}

.withdraw-qick li{
    list-style: none;
    text-align: center;
    height: 140px;
}

.withdraw-qick li label{
    font-weight: bolder;
    padding-top: 15px;
    display: block;
    width: 50px;
    font-size: 14px;
    margin-bottom: 10px;

}

.withdraw-qick .left ,.withdraw-qick .left1{
    padding-left: 18px;

}

.withdraw-qick .left div input ,.withdraw-qick .left1 div input{
    width: 169px;
    height: 35px;
}


/* ---------取车窗口--------- */

.showAll ,.showAll1{
    position: absolute;
    height: 300px;
    width: 300px;
    z-index: 9999;
    border: 1px solid #c9c9c9;
    background-color: #f6f6f6;

}
.showAll .select span,.showAll1 .select span{
    margin-top: 5px;
    margin-left: 5px;
    float: left;
    font-size: 13px;

}
.select {
    float: left;
}
.select .select-city,.select .select-city1{
    border-bottom: 1px solid #c9c9c9;
    margin-top: 10px;
    float: left;
    width: 300px;

}
.botto{
    border-bottom: 1px solid #c9c9c9;
}
.select .select-area,.select .select-area1{
    margin-top: 25px;

    float: left;
    width: 100%;

}
.select-city a,.select-city1 a{
    margin-left: 15px;
    line-height: 30px;
    display: block;
    float: left;
    width: 52px;
    height: 100%;
    background-color: #22c4d6;
}

.select-area a, .select-area1 a{
    margin-top: 3px;
    margin-left: 15px;
    line-height: 30px;
    display: block;
    float: left;
    width: 50px;
    font-size: 10px;
    height: 100%;
    background-color: #22c4d6;
}

.select .select-store,.select .select-store1{
    margin-top: 25px;

    float: left;
    width: 100%;

}
.select-store a,.select-store1 a{
    margin-top: 3px;
    margin-left: 15px;
    line-height: 30px;
    display: block;
    float: left;
    width: 90px;
    font-size: 10px;
    height: 100%;
    background-color: #22c4d6;
}






/* 还车 */

.withdraw-ruturn .layui-form{
    margin-bottom: 0;
    width: 195px;
    float: right;
}

/* 日期选择 */

.time-select {
    margin-right: 8px;
    float: right;
    height: 260px;
}

.time-select .time-qick{
    margin-top: 45px;

}

.time-select  .layui-input{
    height: 35px;
    width: 169px;
}
.time-select .layui-form-item{
    margin-bottom: 0px;
    height: 35px;
    width: 169px;

}
.time-select .time-return{
    margin-top: 65px;
}
.time-qick,.time-return{
    height: 75px;
    width: 179px;
}
/* 立即选车 */
.sumbit{
    text-align: center;
    line-height: 30px;
    width: 100%;
    float: left;
    height: 60px;
}
.sumbit a{
    border-radius: 3px;
    color: aliceblue;
    margin:  0 auto;
    margin-top: 10px;
    display: block;
    height: 33px;
    width: 200px;
    font-size: 17px;
    font-weight: bolder;
    background-color: #37c4ca ;
}

/* =============== 热租品牌，限时特惠==============*/

.hot {
    margin:  0 auto;
    width: 100%;
    min-width: 1300px;
    margin-top: 20px;
    float: left;
}
.hot .hot-left{
    float: left;
    width: 35%;

    height: 100%;
}
/* 车标logo */
.car-logo img{
    float: left;
    width: 39px;
    height: 50px;

}
/* 标签 */
.hot-left .hot-lable span{
    margin-left: 13px;
    font-size: 23px;
    font-weight: bolder;
    line-height: 50px;
    width: 100%;
    height: 50px;
    color: #37c4ca;
}
.hot-left .hot-lable a{
    line-height: 50px;
    color: #00a5cb;
    font-size: 13px;

    float: right;
}
/* 内容烂 */
.hot-car{
    width: 100%;
    height: 400px;
   margin: 0 auto;
   border:  1px solid #e4dada;
}

/* 车标 */
.hot-car li{
    float: left;
}
.hot-car a{
    border:  1px solid #e4dada;
    display: block;
    text-align: center;
    margin-top: 18px;
    margin-left: 24px;

    width: 156px;
    height: 73px ;
}
.hot-car a img{
    height: 70px ;
}
/* 右边-特价专区 */
.hot-right{
    float: left;
    width:62%;
    height: 100%;
   margin-left: 3%;
}
.hot-right .hot-special img{
    width: 100%;
    height: 400px;
    float: left;
    background-color: gainsboro;
}
/* 特价专区标签 */
.hot-right .hot-table{
    float: left;
    width: 100%;
    height: 50px;
}
.hot-right .hot-table span{
    margin-left: 13px;
    font-size: 23px;
    font-weight: bolder;
    line-height: 50px;
    width: 100%;
    height: 50px;
    color: #37c4ca;
}
.outlets{
    float: left;
    width: 100%;
}
.outlets .middle{
    height: 500px;
}


/* 营业网点 - 问题相关 - 更多用车  */
.outlets {
    margin-top: 30px;
}
/* 地图 */
.outlets .outlets-maps,.outlets .related,.outlets .more{

    height: 500px;
    float: left;
}
.outlets .outlets-maps{
    margin-right: 2%;
    width: 47.6%;
}
.outlets .related{
    margin-right: 2%;
    width: 25%;
}
.outlets .more{
    width: 23%;

}
.outlets span{
    display: block;
    width: 100%;
    height: 50px;
    font-size: 21px;
    font-weight: 400;
    line-height: 50px;
    color: #828282;
}
/*  */
.outlets .outlets-maps .maps,.outlets .related .related-content,.outlets .more .more-content{
    height: 450px;

    border: 1px solid #e4dada ;
}
/* 租车相关问题 */
.related-content ul{
    margin-top: 20px;
    margin-left: 20px;
    float: left;
    width: 100%;
    line-height: 30px;

}
.related-content{
    float: left;
}
.related-content li,.more-content li{

    font-size: 18px;
}
.related-content .related-img{
    float: left;
    width: 100%;
}
